﻿@model IEnumerable<MusicOnLine.Models.Album>
@{
    Layout = null;
    }
<style type="text/css">
    .divAlbum1
    {
        float:left;
        height:140px;
         width:100px; 
         line-height:99px;
          border:1px solid #fff;
           border-radius:10px; 
           overflow:hidden; 
           cursor:pointer;
           margin-right:1px;
           text-align:center;
    }
   
   
    .divChangeCurr1
    {        
           background-color:#669900;
            
    }
    .divAlbumInfo1
    {
        margin:0px; text-align:center; height:15px; line-height:15px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;
      
    }
</style>
<div class="divLabel">
    <div>新碟上架</div>
</div>
<div style="height:140px; overflow:hidden; white-space:nowrap; padding-left:5px;">    
@foreach (var item in Model)
{    
    <div style=" width:110px;" class="divAlbum1">
           <div class="divAlbumShadow" style="border:1px solid #E7E7E7;cursor:pointer; line-height:98px; width:98px; border-radius:5px; overflow:hidden; text-align:center;"  title="@item.AlbumName/@item.ArtistName">
            <img style="max-height:100px; max-width:100px; vertical-align:middle;" onclick="javascript:window.location='/Home/AlbumSongs/@item.ID'"
                 src="/AlbumImg/@item.ImgUrl" />
           </div>
         <div class="divAlbumInfo1">@Html.ActionLink(item.AlbumName, "AlbumSongs", "Home", new { ID=item.ID}, null)</div>       
         <div class="divAlbumInfo1">@Html.ActionLink(item.ArtistName, "SingerAlbums", "AACInfo", new { ID=item.ArtistID},null)</div>
    </div>   
}        
</div>

